/*
 * @Author: 刘炳全 2889637201@qq.com
 * @Date: 2024-03-23 16:02:50
 * @LastEditors: 刘炳全 2889637201@qq.com
 * @LastEditTime: 2024-03-24 13:09:24
 * @FilePath: /00-app/src/main.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */

import * as THREE from 'three';

// 创建场景
const scene = new THREE.Scene();

// 创建相机
const camera = new THREE.PerspectiveCamera(
    45, // 视角
    window.innerWidth / window.innerHeight, //宽高比
    0.1, //近平面
    1000 // 远平面
);

// 创建渲染
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement); // 将canvas画布追加到页面

// 创建几何体
const geometry = new THREE.BoxGeometry();
const meterial = new THREE.MeshBasicMaterial({color: 0x00ff00}); // 创建材质
const cube = new THREE.Mesh(geometry, meterial); // 创建材质

// 将网络添加到场景中
scene.add(cube);    

// 设置相机的位置
camera.position.z = 5;
camera.lookAt(0,0,0);   // 默认

// 渲染函数
function animate() {
    requestAnimationFrame(animate);
    // 旋转
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;
    // 渲染
    renderer.render(scene, camera);
}
animate();